@media screen and (max-width: 900px){
    #bodyRight{
    position: fixed;
    top:100px;
    right: 0px;
    width: calc(var(--screenWidth)*0.4);
    /*height: calc(var(--screenHeight)*0.4);*/
    transition: all 0.5s;
    transform: translate(62.5%,0px);
    }
}
@media screen and (min-width: 900px){
    #bodyRight{
        position: fixed;
        top:100px;
        right: 0px;
        width: calc(var(--screenWidth)*0.2);
        transition: all 0.5s;
        transform: translate(62.5%,0px);
    }
}
.modalP{
     width: 100%;
 }
.loginButton{
    margin: 10px auto;
}
.userInfo{
    height: 100%;
    width:62.5%;
    float: right;
    background: #eee;
    border-radius: 5px;
}
.userInfoButton{
    margin-right: 0px;
    padding-right: 0px;
}
.bodyRightElse{
    width: 100%;
    margin: 20px auto;
}
.bodyRightElse img{
    width: 20%;
    float: left;
}
.userInfoAevter{
    margin: 20px auto;
    width: 50px;
}